<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>大首页</title>
	<link rel="stylesheet" href="../lib/swiper/dist/css/swiper.min.css">
	<link rel="stylesheet" href="../css/mainStyle.css">
</head>
<body>
	<div class="main-wrapper">
		<div class="main-container">
			<div class="category-box">
				<div class="category-label">品类选择：</div>
				<ul class="top-n-category">
					<li>电饭锅</li>
					<li>微波炉</li>
					<li>电烤箱</li>
					<li>电磁炉</li>
				</ul>
				<div class="category-select">
					<div class="category-select-label">全部品类<span></span></div>
					<div>
						
					</div>
				</div>
			</div>
			<div class="main-block">
				<div class="main-block-header">
					<span class="main-title"><a class="platform-btn active" href="javascript:void(0);">淘系平台</a><a class="platform-btn" href="javascript:void(0);">京东平台</a></span>
					<span class="main-time">最新数据时间：<span>2018年7月9日</span></span>
				</div>
				<div class="main-block-body">
					<div class="main-box box-1">
						<h3 class="main-box-title">美的销售总况</h3>
						<ul class="sale-list">
			                <li class="sale-item">
			                    <p class="sale-item-title">截至<span id="taoSaleTime"></span>，美的在<span class="font-dark font-bold">淘系当月销额</span></p>
			                    <p class="sale-item-value"><span id="taoMonthSale" class="font-blue font-22">0</span>万<span id="taoMonthRate" class="font-green" style="margin-left: 5px; font-size: 16px;">(0.00%)</span></p>
			                </li>
							<li class="sale-item">
			                    <p class="sale-item-title">截至<span id="taoSaleTime"></span>，美的在<span class="font-dark font-bold">淘系当月销额</span></p>
			                    <p class="sale-item-value"><span id="taoMonthSale" class="font-blue font-22">0</span>万<span id="taoMonthRate" class="font-green" style="margin-left: 5px; font-size: 16px;">(0.00%)</span></p>
			                </li>
							<li class="clearfix"></li>
						</ul>
					</div>
					<div class="main-box box-2">
						<h3 class="main-box-title">美的销售月度趋势</h3>
						<div id="chart01" style="width: 100%; height: 300px;"></div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			<div class="main-block">
				<div class="padding">
					<div class="main-box-2">
						<ul class="block-header">
			                <li class="block-title">
			                    <span>淘系主要竞争对手</span>
			                </li>
			                <li class="type-row" id="taoTimeType">
			                    <span class="taoTimeType type-btn active" data-type="month">月累计</span><span class="type-split">|</span><span class="taoTimeType type-btn" data-type="year">年累计</span>
			                </li>
			            </ul>
					</div>
					<div class="main-box-2">
						<ul class="block-header">
			                <li class="block-title">
			                    <span class="taoTableType active" data-type="">行业店铺销额排行榜</span>|<span class="taoTableType" data-type="美的">美的店铺销额排行榜</span>
			                </li>
			            </ul>
			            <table class="main-table">
			            	<thead>
			            		<th>排名</th>
			            		<th>店铺名称</th>
			            		<th>月销额\环比</th>
			            		<th>年销额\环比</th>
			            	</thead>
			            	<tbody>
			            		
			            	</tbody>
			            </table>
					</div>
				</div>
			</div>
			<div class="main-block">
				<ul class="block-header">
	                <li class="block-title">
	                    <span>淘系主要竞争对手</span>
	                </li>
	            </ul>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../lib/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="../lib/swiper/dist/js/swiper.min.js"></script>
</html>